<template>
    <div class="firstpage">
      <h1>欢迎来到论坛</h1>
      <div class="actions">
        <router-link to="/login" class="btn primary">登录</router-link>
        <router-link to="/index" class="btn">游客访问</router-link>
        <el-link type="success">success</el-link>
      </div>
    </div>
  </template>
  
  <style scoped lang="scss">
  .firstpage {
    width: 1706px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: #f5f5f5;
    margin-top:268px;
  }
  
  .actions {
    margin-top: 2rem;
    display: flex;
    gap: 1rem;
  }
  
  .btn {
    padding: 0.8rem 2rem;
    border-radius: 4px;
    text-decoration: none;
    font-weight: 500;
    
    &.primary {
      background: #409eff;
      color: white;
    }
    
    &:not(.primary) {
      background: white;
      color: #333;
    }
  }
  </style>